.a-img-bg {
    display: block;
    height: 320px;
    background: url(../img/02.png) center top;
    left: 0;
    top: 0;
    z-index: 3;
}

.a-img-bg, .slider-item {
    position: absolute;
    width: 100%;
}

.ck-slide ul.ck-slide-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.ck-slidebox .current img, .slider-content {
    width: 100%;
}

.ck-next {
    background: url(../img/index-script.png) -82px -119px no-repeat;
}

.ck-prev {
    background: url(../img/index-script.png) -25px -119px no-repeat;
}

.current .small-cover {
    background: rgba(0, 0, 0, 0);
}

.bannersize {
    display: block;
    background-size: auto 100%;
    height: 320px;
    z-index: 1;
}

.small-banner-bg {
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -263px;
    max-width: 526px;
    background-color: rgba(0, 0, 0, .5);
    padding: 5px 0;
    z-index: 222;
}

.small-banner-bg .ck-next, .small-banner-bg .ck-prev {
    width: 36px;
    height: 45px;
    border: 0;
    margin-right: 0;
    float: left;
}

.small-banner {
    max-width: 462px;
    overflow: hidden;
    float: left;
}

.small-banner .current {
    border: 2px solid #fff;
}

.ck-slidebox ul li {
    float: left;
}

.small-banner li {
    width: 80px;
    height: 45px;
    border: 1px solid rgba(255, 255, 255, .1);
    overflow: hidden;
    float: left;
    margin-right: 10px;
    position: relative;
}

.small-banner a {
    width: 80px;
    height: 45px;
}

.small-cover {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .1);
}

.small-banner-bg .ck-next {
    width: 26px;
    float: left;
}

.small-banner-bg .ck-prev {
    width: 36px;
    height: 45px;
    border: 0;
    margin-right: 0;
    float: left;
}

.slider {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 320px;
    background: #000;
}